<template>
  <div class="project">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <el-form :inline="true" :model="searchModel" size="small">
        <el-form-item label="资产ID">
          <el-input v-model="searchModel.number" placeholder="资产ID"></el-input>
        </el-form-item>
        <el-form-item label="合同号">
          <el-input v-model="searchModel.contractNamber" placeholder="合同号"></el-input>
        </el-form-item>
        <el-form-item label="资产名称">
          <el-input v-model="searchModel.name" placeholder="资产名称"></el-input>
        </el-form-item>
        <el-form-item label="批次">
          <el-input v-model="searchModel.batch" placeholder="批次"></el-input>
        </el-form-item>
        <template v-if="toggleSearchStatus">
          <el-form-item label="入库时间">
            <el-col class="dateCol" :span="11">
              <el-date-picker
                type="date"
                placeholder="开始时间"
                v-model="searchModel.operationTimeStart"
                style="width: 100%;"
              ></el-date-picker>
            </el-col>
            <el-col class="line" :span="1">-</el-col>
            <el-col class="dateCol" :span="11">
              <el-date-picker
                type="date"
                placeholder="结束时间"
                v-model="searchModel.operationTimeEnd"
                style="width: 100%;"
              ></el-date-picker>
            </el-col>
          </el-form-item>
        </template>
        <el-form-item>
          <span style="float: left;overflow: hidden;" class>
            <el-button type="primary" @click="searchQuery" icon="el-icon-search">查询</el-button>
            <el-button
              type="primary"
              @click="searchReset"
              icon="el-icon-refresh"
              style="margin-left: 8px"
            >重置</el-button>

            <el-button @click="handleToggleSearch()" type="text" size="small">
              {{ toggleSearchStatus ? '收起' : '展开' }}
              <i
                :class="toggleSearchStatus ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
              ></i>
            </el-button>
          </span>
        </el-form-item>
      </el-form>
    </div>

    <el-table
      :data="dataSource"
      border
      size="small"
      style="width: 100%"
      :header-cell-style="{background:'#eef1f6',color:'#606266'}"
    >
      <el-table-column prop="number"  fixed width="170" label="资产ID"></el-table-column>
      <el-table-column prop="name" fixed width="150" label="资产名称" sortable></el-table-column>
      <el-table-column prop="contractNamber"   width="150" label="合同号"></el-table-column>
      <el-table-column prop="batch" width="120" label="批次" sortable></el-table-column>
      <el-table-column prop="inDate" width="120" label="入库日期" sortable></el-table-column>
      <el-table-column prop="price" width="120" label="单价（元）" sortable></el-table-column>
      <el-table-column width="300" label="规格型号" sortable>
        <template slot-scope="scope">
          <el-tooltip :content="scope.row.model"  effect="light">
            <span> {{scope.row.model}}</span>
          </el-tooltip>
        </template>
      </el-table-column>
      <el-table-column width="150" prop="name" label="资产名称" sortable></el-table-column>
      <el-table-column width="110" prop="code" label="分类编码" sortable></el-table-column>
      <el-table-column width="120" label="资产大类" sortable>
        <template slot-scope="scope">
          {{ ['土地','房屋及构筑物','通用设备','车辆','专用设备','文物及陈列品','图书档案','家具用具及装具'][scope.row.classes-1] }}
        </template>
      </el-table-column>
      <el-table-column width="150" prop="typeName" label="分类名称" sortable></el-table-column>
<!--      <el-table-column width="150" prop="depreciationMonth" label="资产折旧总月数" sortable></el-table-column>-->
      <el-table-column prop="buyer" width="180" label="购买单位" sortable></el-table-column>
      <el-table-column label="使用状态">
        <template slot-scope="scope">
          {{ ['正常','损坏'][scope.row.useState-1] }}
        </template>
      </el-table-column>
      <el-table-column prop="usefulLife" width="120" label="使用期限" sortable></el-table-column>
      <el-table-column label="资产状态">
        <template slot-scope="scope">
          {{ ['闲置','已领用','已处置'][scope.row.state-1] }}
        </template>
      </el-table-column>
      <el-table-column prop="repairState" label="维修状态">
        <template slot-scope="scope">{{ ['需维修','已维修'][scope.row.state-1] }}</template>
      </el-table-column>
      <el-table-column fixed="right" label="操作" width="280">
        <template slot-scope="scope">
          <el-button @click="handleDetail(scope.row)" type="text" size="small">查看</el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination
      :total="ipagination.total"
      :page.sync="ipagination.current"
      :limit.sync="ipagination.pageSize"
      @pagination="loadData"
    ></pagination>
<!--    <asset-modal ref="modalForm" @ok="modalFormOk"></asset-modal>-->
    <detail-modal ref="detailForm"></detail-modal>
  </div>
</template>

<script>
/* eslint-disable */
import { SingleTableMixins } from "@/mixins/SingleTableMixins";
import Pagination from "@/components/Pagination";
import detailModal from "./detailModal";

export default {
  mixins: [SingleTableMixins],
  components: { Pagination, detailModal },
  name: "repaired",
  data() {
    return {
      state: 1,
      url: {
        list: "/repair/list/2"
      }
    };
  },
  created() {},
  methods: {
    handleDetail(rec) {
      this.$refs.detailForm.edit(rec);
    }
  }
};
</script>

<style scoped>
</style>
